<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Introduction</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-5">
<link rel="stylesheet" type="text/css" href="style.css" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.js"></script>
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
</head>

<body>
	<div id="header">
			<ul id="menu">
			<li><a href="index2.php">Introduction</a></li>																																												
			<li><a href="index.php?mypage=hotel">Hotels</a></li>
			<li><a href="index.php?mypage=center">Centers</a></li>
			<li><a href="index.php?mypage=res">Restaurants</a></li>
			<li><a href="Feed.php">Google Feeds</a></li>
			</ul>
			<ul id="forum">
				<li><a href="AboutUs.php">About Us</a></li>
			</ul>
	</div>
	<div id="wrapper">
		<div id="left">
		<div>
				<a onclick="original();">Switch to English</a>
				<select onchange="translate(this.options[this.selectedIndex].value);">
				<option value="de">deutsch</option>
				<option value="pt">português</option>
				<option value="fr">français</option>
				<option value="ja">日本語</option>
				<option value="it">italiano</option>
				<option value="ru">pусский</option>
				<option value="zh-CN">中文</option>
				<option value="es">español</option>
				<option value="ko">한국어</option>
				<option value="nl">nederlands</option>
				<option value="hi">हिन्दी </option>
				<option value="el">Ελληνική</option>
				<option value="ro">română</option>
				<option value="vi">Vietnam</option>
				</select>
		</div>
		<div></div>
			<div id="left_navigation">
				<img src="images/gtop.gif" alt="" width="191" height="8" />
				<div class="title1">Popular Tours</div>
				<ul class="contries">
					<li><a href="#">Ho Chi Minh</a></li>
					<li><a href="#">Da Lat</a></li>
					<li><a href="#">Can Tho</a></li>
					<li><a href="#">Ben Tre</a></li>
					<li><a href="#">Vinh Long</a></li>
					<li><a href="#">Ha Tien</a> <span class="new">- NEW</span></li>
					<li><a href="#">Soc Trang</a></li>
					<li><a href="#">Phu Quoc</a> <span class="new">- NEW</span></li>
					<li><a href="#">Ca Mau</a></li>
				</ul>
				<a href="#" class="more">more tours</a>
				<img src="images/gbot.gif" alt="" width="191" height="8" />
			</div>
			<a  class="banner"><img src="media/banner.jpg" alt="" width="191" height="346" /></a>	
		</div>
		<div id="big">
			<h2>Vietnam Travel</h2>
			<?php include ("html5/demo.html");?>
			<div class="text">
				<div id="translation"></div>
				<div id="article"><p>Vietnam Travel VietnamTravelco.com. Conical hats emerging from lizard green rice paddies? Grainy black and white colonial-era photographs of slender. dark-haired women in flowing white Ao Dai dresses? Shinning exotic white-sand beaches fringed with coconut palms? Luxurious Asian style resorts and golf courses? Saigon, the exciting southern city, or Hanoi, the northern Vietnamese capital. Hue, the ancient capital of Vietnam to Dalat, the romantic city, fabulous sites as the World Heritage, Halong Bay. Vietnam is all these things and more, a country with a past as rich as the Soil in the blazing green deltas. This past reads like a romantic legend full of heroic struggles and astounding victories, whereby this small country retained its culture, absorbing and adapting the strengths of its foes but never losing its traditions or its sense of history. With 54 ethnic groups, most of whom live in remote areas and follow age-old customs, Vietnam offers unparalleled opportunities for cultural exploration in Asia. </p></div>
				<img src="media/vietnam1.jpg" height="287" width="490" />
				<div id="translation"></div>
				<div id="article"><p>While it may not be the capital of Vietnam politically, you only need to spend a short time in Saigon to see how it the pace of change in the south is shaping the country. The largest city in the country, with over 6 million inhabitants (and over 8 if you count temporary residents), Saigon is a crowded, fast, noisy, and overwhelming place at first. Dig a little deeper, though, and you'll find there is an energy and vibrancy to the city that can be very infectious.

Brimming with life, Ho Chi Minh City (HCMC or Saigon as the majority of its residents still call it) offers a great deal for travellers and expatriates alike. There's a great deal to see and do, and no shortage of delicious treats to eat, whether at top restaurants or equally delicious street stalls for a couple of dollars. </p></div>																																																												<div class="inner_copy"><a href="http://www.bestfreetemplates.org/">free templates</a><a href="http://www.bannermoz.com/">banner templates</a></div>
				<img src="media/vietnam2.jpg" height="287" width="490" />
				<p></p>
				<p></p>
				<p></p>
				<p></p>
			</div>
			
		</div>
	<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="920" height="159" title="adv">
          <param name="movie" value="images/adv.swf">
          <param name="quality" value="high">
          <embed src="images/adv.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="920" height="159"></embed>
	  </object>		
	</div>
	<script>
/********************************************
Google Translate API
*********************************************/
google.load("language", "1");

function translate(lang) { 
   var source = document.getElementById("article").innerHTML;
   var len = source.length;

   // accepts 500 characters per request 
   var words = 500;
	document.getElementById("translation").style.display='block';

	document.getElementById("translation").innerHTML = "";
	
   for(i=0; i<=(len/words); i++) {
     google.language.translate (source.substr(i*words, words),
                 "en", lang, function (result) {
     	if (!result.error) {
     		document.getElementById("translation").innerHTML += result.translation;
    	} }); }  

  // hide text in original language
	document.getElementById("article").style.display = 'none';
  	return false;
}

// switch to original language
function original() {
  document.getElementById("translation").style.display='none';
  document.getElementById("article").style.display = 'block';
  return false;
}
	</script>
	
	<div id="footer">
		<div>
			<a href="index2.php">Home Page</a>   |   <a href="index.php?mypage=hotel">Hotels</a>   |   <a href="index.php?mypage=center">Centers</a>   |    <a href="index.php?mypage=res">Restaurants</a>      																																																																																																																																																	<div class="inner_copy"><a href="http://www.beautifullife.info/">beautiful</a><a href="http://www.grungemagazine.com/">grunge</a></div>
		</div>
		<p id="copy">Copyright &copy;. All rights reserved. Design by <a href="http://www.nhattan.info" target="_blank" title="Hoang Nhat Tan">Nhat Tan</a>     </p>
	</div>
</body>
</html>
